<template>
  <div id="map" class="map"></div>
</template>

<script>
import "ol/ol.css";
import Map from "ol/Map";
import OSM from "ol/source/OSM";
import TileLayer from "ol/layer/Tile";
import View from "ol/View";
export default {
  name: "OSM_Map",

  mounted() {
    var map = new Map({
      target: "map",
      layers: [
        
      ],
      view: new View({
        center: [0, 0],
        zoom: 2
      })
    });
    let layers = new TileLayer({
      source: new OSM()
    })
    map.addLayer(layers)
  }
};
</script>

<style lang="less" scoped>
.map {
  height: 100%;
}
</style>